<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  ~ Copyright (c) 2022 Contributors to the Eclipse Foundation
  ~
  ~ See the NOTICE file(s) distributed with this work for additional
  ~ information regarding copyright ownership.
  ~
  ~ This program and the accompanying materials are made available under the
  ~ terms of the Eclipse Public License 2.0 which is available at
  ~ http://www.eclipse.org/legal/epl-2.0, or the Apache Software License 2.0
  ~ which is available at https://www.apache.org/licenses/LICENSE-2.0.
  ~
  ~ SPDX-License-Identifier: EPL-2.0 OR Apache-2.0
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
<h1 mat-dialog-title>Create a new folder</h1>

<mat-dialog-content>
    <mat-form-field>
        <input matInput placeholder="Enter a Name" [(ngModel)]="folderName">
    </mat-form-field>
    <div class="warn" *ngIf="forbiddenChar(folderName)">Use [A-Z] [a-z] [0-9] - _</div>
</mat-dialog-content>

<mat-dialog-actions>
    <button mat-raised-button [mat-dialog-close]="folderName" color="primary" [disabled]="forbiddenChar(folderName)">
        Create
    </button>
    <span class="spacer"></span>
    <button mat-raised-button mat-dialog-close>Cancel</button>
</mat-dialog-actions>
